<template>
  <ModalCard
    action
    @close="emits('close')"
    @submit="emits('submit')"
  >
    <div style="padding: 25rem 36rem 20rem">
      <div style="font-size: 20rem">{{ props.title }}</div>
      <div class="content">
        <slot></slot>
      </div>
    </div>
  </ModalCard>
</template>
<script setup lang="ts">
import ModalCard from '@/components/ModalCardClue.vue'

const emits = defineEmits(['close', 'submit'])
const props = defineProps({
  title: { type: String, default: () => null }
})
</script>
<style scoped lang="scss">
.content {
  background: #ebeceb;
  margin-top: 15rem;
  padding: 20rem;
}
</style>
